<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../day08/css/reset.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <!-- 自己写的css要写在重置样式的下面 -->
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <div id="app">
      <header>
        <div class="searchWrap">
          <div class="searchLeft"></div>
          <div class="searchInput">
            <input type="text" placeholder="本田 思域..." />
          </div>
          <div class="searchButton">搜索</div>
        </div>
        <span class="iconfont icon-xinxi"></span>
        <span class="iconfont icon-wo"></span>
      </header>
      <nav>
        <span class="action">
          全部
          <!-- <img src="./images/action.png" alt="" /> -->
        </span>
        <span>车评</span>
      </nav>
      <div class="menu">
        <div class="menu-top">只卖严选 车事 | 火烧 | 水泡终身包退</div>
        <div class="menu-bottom">
          <div class="menu-item">
            <img src="./images/menu.png" alt="" />
            <span>二手车</span>
          </div>
          <div class="menu-item">
            <img src="./images/menu.png" alt="" />
            <span>排行榜</span>
          </div>
          <div class="menu-item">
            <img src="./images/menu.png" alt="" />
            <span>卖车</span>
          </div>
          <div class="menu-item">
            <img src="./images/menu.png" alt="" />
            <span>分期</span>
            <div class="sup">测额度</div>
          </div>
          <div class="menu-item">
            <img src="./images/menu.png" alt="" />
            <span>必看好车</span>
          </div>
        </div>
      </div>
      <div class="banner">
        <img src="./images/banner.png" alt="" />
      </div>
      <div class="active">活动</div>
      <div class="brand">品牌</div>

      <div class="list">列表</div>
    </div>

    <!-- 用于做移动端适配 -->
    <script src="../day08/js/flexible.js"></script>
  </body>
</html>
